<script lang="ts" setup>
import { useI18n } from 'vue-i18n'

const { t } = useI18n()
</script>
<template>
  <ul>
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/"
        @click="$emit('select')"
        >{{ t('home.navigation.home') }}</router-link
      >
    </li>
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/exchange"
        @click="$emit('select')"
        >{{ t('home.navigation.flash') }}</router-link
      >
    </li>
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/destroy"
        @click="$emit('select')"
        >{{ t('home.navigation.destroy') }}</router-link
      >
    </li>
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/trade"
        @click="$emit('select')"
        >{{ t('home.navigation.trade') }}</router-link
      >
    </li>

    <!-- <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/addLp"
        @click="$emit('select')"
        >{{ t('home.navigation.fluidity') }}</router-link
      >
    </li> -->
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/game"
        @click="$emit('select')"
        >{{ t('home.navigation.pg') }}</router-link
      >
    </li>
    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/walletGm"
        @click="$emit('select')"
        >{{ t('home.navigation.assets') }}</router-link
      >
    </li>

    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/myFriend"
        @click="$emit('select')"
        >{{ t('home.navigation.center') }}</router-link
      >
    </li>

    <li>
      <router-link
        class="font-medium transition hover:opacity-80 focus:outline-none focus-visible:underline"
        to="/notice"
        @click="$emit('select')"
        >{{ t('home.navigation.tip') }}</router-link
      >
    </li>
  </ul>
</template>
